.el-date-picker.has-sidebar.has-time {
  background: #041322;
  color: #fff;
  border: 1px solid #041322
}

.el-date-picker__header-label {
  color: #ffffff;
}

.el-date-table th {
  color: #fff;
}

.el-icon-d-arrow-left:before {
  color: #fff;
}

.el-icon-arrow-left:before {
  color: #fff;
}

.el-icon-arrow-right:before {
  color: #fff;
}

.el-icon-d-arrow-right:before {
  color: #fff;
}

.el-picker-panel__footer {
  background-color: #041322;
  border: 1px solid #041322
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
  background-color: #041322;
  border-right: 1px solid #041322;
}

.el-picker-panel__shortcut {
  color: #fff;
}

.el-date-picker__time-header {
  border-bottom: 1px solid #041322;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #041322;
}

.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #041322;
  border-bottom-width: 0;
}

.el-picker-panel {
  background: #041322;
  color: #fff;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #041322c9;
}
